<template>
	<view class="bud acea-row" v-show="isShow">
		<block v-for="(item,index) in budData" :key='index'>
			<navigator :url="item.link" hover-class="none">
				<view class="item">
					<view class="logo">
						<image :src="item.logo"></image>
					</view>
					<view class="name">{{item.name}}</view>
				</view>
			</navigator>
		</block>
	</view>
</template>

<script>
	export default{
		name:'Buddha',
		props:{
			isShow:{
				type: Boolean,
				default:false
			}
		},
		data(){
			return{
				budData:[],
			}; 
		},
		created() {
			var that = this;
			//获取金刚
			uni.request({
				 url: 'https://d.qj361.com/api/yizhan/district', //仅为示例，并非真实接口地址。
				    data: {},
				    header: {},
				    success: (res) => {
						console.log("金刚");
						console.log(res.data);
						var res = res.data;
						that.budData = res;
				    }
			});
		},
		mounted(){
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.bud{
		width:100%;
		height:auto;
		padding:0 48rpx 20rpx 48rpx;
		justify-items: center;
		justify-content:space-around;
		.item{
			width:130rpx;
			margin-top:20rpx;
			.logo{
				margin:0 auto;
				width:91rpx;
				height:91rpx;
				image{
					width:100%;
					height:100%;
				}
			}
			.name{
				margin-top:10rpx; 
				font-size: 22rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 30rpx;
				text-align:center;
			}
		}
	}
</style>
